<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>北京美团网-北京美食_酒店_旅游_团购_电影_吃喝玩乐</title>

	<meta name="description" content="北京美团网精选北京美食餐厅,酒店预订,电影票,旅游景点,外卖订餐,北京团购信息,您可查询商家评价店铺信息。北京生活,下载美团官方APP ,吃喝玩乐1折起。">
	<meta name="keywords" content="北京美食,北京酒店,北京团购">
	<!-- title前面的小图标 -->
	<link rel="icon" type="image/icon" href="favicon.ico">
	<!-- 基础样式 -->
	<link rel="stylesheet" type="text/css" href="./css/base.css">
	<!-- 字体图标 -->
	<link rel="stylesheet" type="text/css" href="./font/icomoon/style.css">
	<!-- 头部公共文件样式 -->
<link rel="stylesheet" type="text/css" href="./css/com_header.css">
<!--	<link rel="stylesheet"  type="text/css" href="./css/test.css">-->
	<!-- 首页样式 -->
	<link rel="stylesheet" type="text/css" href="./css/index.css">
	<!-- 底部公共样式 -->
	<link rel="stylesheet" type="text/css" href="./css/com_footer.css">
    <script src="./js/index.js"></script>
</head>
<body>
	<!-- 头部导航条 -->
	<div class="nav">
		<div class="nav-center">
			<!-- 导航条左侧 位置登录注册 -->
			<div class="nav-center-left">
				<!-- 字体图标类名的使用 -->
				<span class="icon-location"></span>
				<a href="#">北京</a>
				<a href="#">切换城市</a>
				<a href="#">[门头沟区大厂回族自治县廊坊]</a>
				<a href="#">立即登录</a>
				<a href="#">注册</a>
			</div>
			<!-- 导航条右侧 我的美团 手机APP 商家中心 美团规则 网站导航 -->
			<div class="nav-center-right">
				<!-- 下拉菜单 -->
				<ul id="dropdown">
					<li >
						<a href="#">我的美团</a>
						<dl class="displaynone">
							<dd><a href="#">我的订单</a></dd>
							<dd><a href="#">我的收藏</a></dd>
							<dd><a href="#">抵用券</a></dd>
							<dd><a href="#">账户设置</a></dd>
						</dl>
					</li>
                    <li>
						<a href="#">手机APP</a>
						<dl></dl>
					</li>
					<li>
						<a href="#">商家中心</a>
						<dl class="displaynone">
							<dd>
								<a href="#">美团餐饮商户中心</a>
							</dd>
							<dd>
								<a href="#">登录商家中心</a>
							</dd>
							<dd>
								<a href="#">美团智能收银</a>
							</dd>
							<dd>
								<a href="#">我想合作</a>
							</dd>
							<dd>
								<a href="#">手机免费开店</a>
							</dd>
							<dd>
								<a href="#">到店综合业务招募</a>
							</dd>
							<dd>
								<a href="#">餐饮合作社招募</a>
							</dd>
							<dd>
								<a href="#">商家申请开票</a>
							</dd>
							<dd>
								<a href="#">免费合作美团开票</a>
							</dd>
						</dl>
					</li>
					<li>
						<a href="#">美团规则</a>
						<dl class="displaynone">
							<dd>
								<a href="#">规则中心</a>
							</dd>
							<dd>
								<a href="#">规则目录</a>
							</dd>
							<dd>
								<a href="#">规则评议院</a>
							</dd>
						</dl>
					</li>
					<li>
						<a href="#">网站导航</a>
						<dl class="displaynone">
							<dd>
								<div>
									酒店旅游
								</div>
								<span>国际机票</span>
								<span>火车票</span>
								<span>民宿</span>
								<span>经济型酒店</span>
								<span>主题酒店</span>
								<span>商务酒店</span>
								<span>公寓</span>
								<span>豪华酒店</span>
								<span>客栈</span>
								<span>青年旅社</span>
								<span>度假酒店</span>
								<span>别墅</span>
								<span>农家院</span>
							</dd>
							<dd>
								<div>
									吃美食
								</div>
								<span>烤鱼</span>
								<span>特色小吃</span>
								<span>烧烤</span>
								<span>自助餐</span>
								<span>火锅</span>
								<span>代金券</span>
							</dd>
							<dd>
								<div>
									看电影
								</div>
								<span>热映电影</span>
								<span>热门影院</span>
								<span>热映电影口碑</span>
								<span>最受期待电影</span>
								<span>国内票房榜</span>
								<span>北美票房榜</span>
								<span>电影排行榜</span>
							</dd>
							<dd>
								<div>
									手机应用
								</div>
								<span>
                                        <img src="./images/meituan.png" alt="美团"/>
                                    </span>
								<span>
                                        <img src="./images/waimai.png" alt="美团"/>
                                    </span>
								<span>
                                        <img src="./images/162c3308d9622f6d9cfaa49e60be4dca8573.png" alt="美团"/>
                                    </span>
								<span>
                                        <img src="./images/dianping.png" alt="美团"/>
                                    </span>
								<span>
                                        <img src="./images/maoyan.png" alt="美团"/>
                                    </span>
							</dd>
						</dl>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 搜索区域 -->
	<div class="header">
		<div class="header-center">
			<!-- logo区域 -->
			<div class="header-center-left">
				<h1>
					<a href="index.html" title="美团购">
						<img src="./images/logo.png" />美团购
					</a>
				</h1>
			</div>
			<!-- 搜索区域 -->
			<div class="header-center-center">
				<input type="text" placeholder="搜索商家或地点">
				<button>
					<span class="icon-search"></span>
				</button>
			</div>
		</div>
	</div>
	<!-- 主体区域 -->
	<div class="bodyer">
		<div class="bodyer-center">
			<!-- 全部分类 -->
			<div class="bodyer-center-left">
				<span>全部分类</span>
				<ul id="dropright">
					<li>
						<i class="icon-earth1"></i>
						<span>美食</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
                                 1
						</div>
					</li>
					<li>
						<i class="icon-bird"></i>
						<span>外卖</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							2
						</div>
					</li>
					<li>
						<i class="icon-ipod11"></i>
						<span>酒店</span>
						<b>&gt;</b>
						<i></i>
						<div class="allsort displaynone">
							3
						</div>
					</li>
					<li>
						<i class="icon-feed"></i>
						<span>民宿</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							4
						</div>
					</li>
					<li>
						<i class="icon-chat"></i>
						<span>猫眼电影</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							5
						</div>
					</li>
					<li>
						<i class="icon-envelope"></i>
						<span>机票 &frasl; 火车票</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							6
						</div>
					</li>
					<li>
						<i class="icon-phone"></i>
						<span>休闲娱乐 &frasl; KTV</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							7
						</div>
					</li>
					<li>
						<i class="icon-headphone1"></i>
						<span>生活服务</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							8
						</div>
					</li>
					<li>
						<i class="icon-pin1"></i>
						<span>丽人 &frasl; 美发 &frasl; 医学美容</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							9
						</div>
					</li>
					<li>
						<i class="icon-file1"></i>
						<span>结婚 &frasl; 婚纱摄影 &frasl; 婚宴</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							10
						</div>
					</li>
					<li>
						<i class="icon-twitter-old"></i>
						<span>亲子 &frasl; 儿童乐园 &frasl; 幼教</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							11
						</div>
					</li>
					<li>
						<i class="icon-share"></i>
						<span>运动健身 &frasl; 健身中心</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							12
						</div>
					</li>
					<li>
						<i class="icon-enlarge"></i>
						<span>家装 &frasl; 建材 &frasl; 家居</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							13
						</div>
					</li>
					<li>
						<i class="icon-mug"></i>
						<span>学习培训 &frasl; 音乐培训</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							14
						</div>
					</li>
					<li>
						<i class="icon-camera4"></i>
						<span>医疗健康 &frasl; 宠物 &frasl; 爱车</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							15
						</div>
					</li>
					<li>
						<i class="icon-home"></i>
						<span>酒吧 &frasl; 密室逃脱</span>
						<b>&gt;</b>
						<div class="allsort displaynone">
							16
						</div>
					</li>
				</ul>
			</div>
			<!-- 轮播区域 -->
			<div class="bodyer-center-center">
				<div class="bodyer-center-center-top">
					<a href="#">美团外卖</a>
					<a href="#">猫眼电影</a>
					<a href="#">美团酒店</a>
					<a href="#">民宿 &frasl; 公寓</a>
					<a href="#">商家入驻</a>
					<a href="#">美团公益</a>
				</div>
				<div class="bodyer-center-center-bottom">
                <!--轮播图-->
					<div id="carousel">
						<a href="#" id="links">
							<img src="./images/ad01.jpg" alt="" id="image">
							<!-- <img src="./images/ad02.jpg" alt="" id="image">
							<img src="./images/ad03.jpg" alt="" id="image">
							<img src="./images/ad04.jpg" alt="" id="image">
							<img src="./images/ad05.jpg" alt="" id="image">
							<img src="./images/ad06.jpg" alt="" id="image"> -->
						</a>
						<div id="left">
							&lt;
						</div>
						<div id="right">
							&gt;
						</div>
						<div id="number">
							<ul>
								<li>1</li>
								<li>2</li>
								<li>3</li>
								<li>4</li>
								<li>5</li>
								<li>6</li>
							</ul>
						</div>
					</div>

					<div class="leisure">

					</div>
					<div class="hotel">

					</div>
					<div class="topover">

					</div>
					<div class="shopping">

					</div>
				</div>


			</div>
			<!-- 登录和注册 -->
			<div class="bodyer-center-right">
				<!-- 登录和注册 -->
				<div class="bodyer-center-right-top">
					<div></div>
					<p>
						Hi!你好
					</p>
					<div>
						注册
					</div>
					<div>
						立即登录
					</div>
				</div>
				<!-- 二维码和介绍 -->
				<div class="bodyer-center-right-bottom">
					<div></div>
					<p>美团APP手机版</p>
					<span>一元起</span>
					<b>吃喝玩乐</b>
				</div>
			</div>
		</div>
	</div>
	<!-- 猫眼电影 -->
	<div class="movie">
		<div class="movie-center">
			<!-- 电影介绍 -->
			<div class="movie-center-top">
				<div class="movie-center-top-one">
					<ul id="movie-tab">
						<li>猫眼电影</li>
						<li >
							正在热映
							<div class="triangle"></div>
						</li>
						<li>
							即将上映
							<div class="triangle displaynone"></div>
						</li>
						<li>全部&gt;</li>
					</ul>
				</div>
				<div id="movie-show">
					<button id="movieleft">
						&lt;
					</button>
					<button id="movieright">
						&gt;
					</button>
					<div class="moviehot" style="display: block;" id="nowhot">
						<img src="./images/mm1.jpg" alt="电影">
						<img src="./images/mm2.jpg" alt="电影">
						<img src="./images/mm3.jpg" alt="电影">
						<img src="./images/mm4.jpg" alt="电影">
						<img src="./images/mm5.jpg" alt="电影">
						<img src="./images/mm6.jpg" alt="电影">
						<img src="./images/mm7.jpg" alt="电影">
						<img src="./images/mm8.jpg" alt="电影">
						<img src="./images/mm9.jpg" alt="电影">
						<img src="./images/mm10.jpg" alt="电影">
					</div>
					<div class=" moviehot" style="display: none;" id="quick">
						<img src="./images/mm11.jpg" alt="电影">
						<img src="./images/mm12.jpg" alt="电影">
						<img src="./images/mm13.jpg" alt="电影">
						<img src="./images/mm14.jpg" alt="电影">
						<img src="./images/mm15.jpg" alt="电影">
						<img src="./images/mm16.jpg" alt="电影">
						<img src="./images/mm17.jpg" alt="电影">
						<img src="./images/mm18.jpg" alt="电影">
						<img src="./images/mm19.jpg" alt="电影">
						<img src="./images/mm20.jpg" alt="电影">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 推荐民宿-->
	<div class="hotel">
		<div class="hotel-center">
			<!-- 民宿列表 -->
			<div class="hotel-center-top">
				<span>推荐民宿</span>
				<span>天津</span>
				<span>济南</span>
				<span>大连</span>
				<span>太原</span>
				<span>石家庄</span>
				<span>秦皇岛</span>
				<span>呼和浩特</span>
				<span>全部&gt;</span>
			</div>
			<!-- 民宿详情 -->
			<div class="hotel-center-bottom">
				<div>
					<a href="#">
						<img src="./images/hh1.jpg" alt="电影">
					</a>
					<span>
						温馨情侣套房，近机场，乐购，万达广场，地铁，万科小区，十八中对面
					</span>					
					<p>
						整套一居室可住两人|华明镇
					</p>
					<b>
						&yen;189
					</b>
				</div>
				<div>
					<a href="#">
						<img src="./images/hh2.jpg" alt="电影">
					</a>
					<span>
						【爱无止境】唯美婚纱|生日道具免费用|自拍摄影|配饰齐全|天津站|意大利风情区|天津之眼|厨具齐全|地铁2号线直达
					</span>					
					<p>
						整套一居室可住两人|天津港
					</p>
					<b>
						&yen;221
					</b>
				</div>
				<div>
					<a href="#">
						<img src="./images/hh3.jpg" alt="电影">
					</a>
					<span>
						【愛巢公寓】秋橘投影小屋，近机场，空港SM肿瘤医院
					</span>					
					<p>
						整套一居室可住两人|空港
					</p>
					<b>
						&yen;135
					</b>
				</div>
				<div>
					<a href="#">
						<img src="./images/hh4.jpg" alt="电影">
					</a>
					<span>
						【泡泡女孩】大床/近武警医院/近机场/可做饭
					</span>					
					<p>
						整套一居室可住两人|泡泡女孩
					</p>
					<b>
						&yen;208
					</b>
				</div>
				<div>
					<a href="#">
						<img src="./images/hh5.jpg" alt="电影">
					</a>
					<span>
						鲸·原宿/月租/周租/南大/吾悦/J2
					</span>					
					<p>
						整套一居室可住两人|南大
					</p>
					<b>
						&yen;158
					</b>
				</div>
				<div>
					<a href="#">
						<img src="./images/hh6.jpg" alt="电影">
					</a>
					<span>
						⑤ 临近财经大学、天职技术师范大学、人人乐购物超市、梅江会展中心、地铁一号线双林站六号线梅林路站，可做饭
					</span>					
					<p>
						整套一居室可住两人|梅林路
					</p>
					<b>
						&yen;191
					</b>
				</div>
			</div>
		</div>
	</div>
	<!-- 猜你喜欢-->
	<div class="like">
		<div class="like-center">
			<!-- 猜你喜欢的顶部 -->
			<div class="like-center-top">
				<span>猜你喜欢</span>
				<span>为你甄选最合适的</span>
			</div>
			<!-- 猜你喜欢的列表 -->
			<div class="like-center-bottom">
				<div class="list">
					<img src="./images/ll1.jpg" alt="美食">
					<div>晓寿司(望京soho店)</div>
					<div></div>
					<div>望京</div>
					<div>&yen;47.5起</div>
				</div>
				<div class="list">
					<img src="./images/ll2.png" alt="美食">
					<div>蟹老宋香锅（方庄店）</div>
					<div></div>
					<div>方庄</div>
					<div>&yen;95.5起</div>
				</div>
				<div class="list">
					<img src="./images/ll3.jpg" alt="美食">
					<div>分米鸡(喜隆多店)</div>
					<div></div>
					<div>喜隆多</div>
					<div>&yen;88.0起</div>
				</div>
				<div class="list">
					<img src="./images/ll4.jpg" alt="美食">
					<div>便宜坊烤鸭店(富丰路店)</div>
					<div></div>
					<div>富丰路</div>
					<div>&yen;92.0起</div>
				</div>
				<div class="list">
					<img src="./images/ll5.jpg" alt="美食">
					<div>铁木真自助城(西三旗店)</div>
					<div></div>
					<div>西三旗店</div>
					<div>&yen;82.9起</div>
				</div>
				<div class="list">
					<img src="./images/ll6.jpg" alt="美食">
					<div>味多美(紫金数码店)</div>
					<div></div>
					<div>双榆树</div>
					<div>&yen;47.5起</div>
				</div>
				<div class="list">
					<img src="./images/ll7.jpg" alt="美食">
					<div>农家铁锅炖(松原店)</div>
					<div></div>
					<div>松原</div>
					<div>&yen;88.5=0起</div>
				</div>
				<div class="list">
					<img src="./images/ll8.jpg" alt="美食">
					<div>芦月轩羊蝎子(杨闸店)</div>
					<div></div>
					<div>杨闸</div>
					<div>&yen;89.9起</div>
				</div>
				<div class="list">
					<img src="./images/ll9.png" alt="美食">
					<div>宽板凳老灶火锅(古城店)</div>
					<div></div>
					<div>古城</div>
					<div>&yen;39.9起</div>
				</div>
				<div class="list">
					<img src="./images/ll10.jpg" alt="美食">
					<div>华莱士(石油大学店)</div>
					<div></div>
					<div>常平镇</div>
					<div>&yen;10.9起</div>
				</div>
				<div class="list">
					<img src="./images/ll11.jpeg" alt="美食">
					<div>吊炉烤鸭(城北店)</div>
					<div></div>
					<div>城北</div>
					<div>&yen;53.2起</div>
				</div>
				<div class="list">
					<img src="./images/ll12.jpg" alt="美食">
					<div>巴西烤肉(回龙观店)</div>
					<div></div>
					<div>回龙观</div>
					<div>&yen;63.5起</div>
				</div>
				<div class="list">
					<img src="./images/ll13.jpg" alt="美食">
					<div>火炉下(太庙店)</div>
					<div></div>
					<div>太庙</div>
					<div>&yen;55.2起</div>
				</div>
				<div class="list">
					<img src="./images/ll14.jpg" alt="美食">
					<div>巴蜀大虾(莲花桥店)</div>
					<div></div>
					<div>莲花桥</div>
					<div>&yen;1.98起</div>
				</div>
				<div class="list">
					<img src="./images/ll15.jpg" alt="美食">
					<div>老诚一锅(东大桥店)</div>
					<div></div>
					<div>东大桥</div>
					<div>&yen;90.0起</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 副导航-->
	<div class="navbar">
		<div class="navbar-center">
			<div class="navbar-center-top">
				美团导航
			</div>
			<div class="navbar-center-bottom">
				<div class="hotcity">
					热门城市
				</div>
				<div class="city">
					<ul>
						<li>南宁</li>
						<li>北京</li>
						<li>深圳</li>
						<li>长春</li>
						<li>西安</li>
						<li>成都</li>
						<li>武汉</li>
						<li>温州</li>
						<li>上海</li>
						<li>宁波</li>
						<li>青岛</li>
						<li>长沙</li>
						<li>重庆</li>
						<li>郑州</li>
						<li>大连</li>
						<li>苏州</li>
						<li>天津</li>
						<li>合肥</li>
						<li>常州</li>
						<li>哈尔滨</li>
					</ul>
				</div>
				<div class="hotcity">
					热门分类
				</div>
				<div class="city">
					<ul>
						<li>酒店</li>
						<li>美食</li>
						<li>休闲娱乐</li>
						<li>运动健身</li>
						<li>生活服务</li>
						<li>上门服务</li>
						<li>购物</li>
						<li>时尚购</li>
						<li>本地购物</li>
						<li>结婚</li>
						<li>摄影</li>
						<li>写真</li>
						<li>宴会</li>
						<li>丽人</li>
						<li>母婴</li>
						<li>亲子学习</li>
						<li>培训</li>
						<li>家装</li>
						<li>汽车服务</li>
						<li>医疗宠物</li>
					</ul>
				</div>
				<div class="hotcity">
					周边热门
				</div>
				<div class="city">
					<ul>
						<li>廊坊酒店</li>
						<li>廊坊美食</li>
						<li>大厂回族</li>
						<li>自治县</li>
						<li>休闲娱乐</li>
						<li>运动健身</li>
						<li>上门服务</li>
						<li>时尚购</li>
						<li>母婴亲子</li>
						<li>汽车服务</li>
						<li>结婚</li>
						<li>门头沟区</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部链接-->
	<div class="footer">
		<div class="footer-center">
			<div class="footer-center-content">
				<ul>
					<b>用户帮助</b>
					<li>申请退款</li>
					<li>常见问题</li>
					<li>用户协议</li>
					<li>隐私政策</li>
					<li>反诈骗公告</li>
					<li>消费者权益保障</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>商家合作</b>
					<li>美食商家入驻(非外卖)</li>
					<li>美团外卖开店</li>
					<li>美团收银官网</li>
					<li>美团配送合作申请</li>
					<li>美团餐饮学院</li>
					<li>酒店商家入驻</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>合作商招募</b>
					<li>美团外卖合作商招募</li>
					<li>到店餐饮合作商招募</li>
					<li>到店综合业务合作商招募</li>
					<li>美团联盟</li>
					<li>美团收银招募线上分销商</li>
					<li>美团收银合作商招募</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>关注美团</b>
					<li>美团新浪微博</li>
					<li>常见问题</li>
					<li>用户协议</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>消费者服务热线</b>
					<li>外卖消费者：10109777</li>
					<li>猫眼消费者：10105335</li>
					<li>其他消费者：10107888</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>用户帮助</b>
					<li>申请退款</li>
					<li>常见问题</li>
					<li>用户协议</li>
					<li>隐私政策</li>
					<li>反诈骗公告</li>
					<li>消费者权益保障</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>美团服务</b>
					<li>美团外卖</li>
					<li>美团酒店</li>
					<li>猫眼电影</li>
					<li>美团配送</li>
					<li>美团云</li>
					<li>大众点评</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>商家合作</b>
					<li>境内度假商家入驻</li>
					<li>综合商家入驻</li>
					<li>美团民宿房东</li>
					<li>商家入驻</li>
					<li>商家开票</li>
					<li>申请美团智能收银机</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>美团规则</b>
					<li>规则中心</li>
					<li>规则评议院</li>
					<li>规则目录</li>
				</ul>
			</div>
			<div class="footer-center-content">
				<ul>
					<b>投诉举报专区</b>
					<li>违法和不良信息举报电话：4006018900</li>
					<li>举报邮箱：tousujubao@meituan.com</li>
					<li>网上有害信息举报</li>
					<li>商家自助入驻美团入口</li>
					<li>供应商注册入口</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 关于网站的介绍 -->
	<div class="info">
		<div class="info-center">
			
		
			
		</div>
	</div>
</body>
</html>